@auto: 0 auto;

  .pxToVW (@px, @attr: width) {
    @vw: (unit(round((@px / 4.14) * 100)) / 100);
    @{attr}:~"@{vw}vw";
  }

  .FS (@px, @attr: font-size) {
    @vw: (unit(round((@px / 4.14) * 100)) / 100);
    @{attr}:~"@{vw}vw";
  }
  .help-icon{
    height: 100%;
    width: 4.83vw;
    .pxToVW(40, margin-left);
  }
  .ObtainShells {
    width: 100vw;
    background: #EAEDFF;
    position: relative;
    overflow: hidden;
  }

  .top_header_title {
    position: relative;
    width: 100%;
    .pxToVW(351, height);
    display: flex;
    justify-content: center;

    .poab {
      position: absolute;
      width: 100%;
    }

    .back_ {
      position: absolute;
      .pxToVW(40);
      .pxToVW(40, height);
      .pxToVW(50, top);
      .pxToVW(20, left);
      display: flex;
      align-items: center;

      img {
        .pxToVW(10);
      }
    }

    .explain {
      position: absolute;
      .pxToVW(40);
      .pxToVW(40, height);
      .pxToVW(50, top);
      .pxToVW(20, right);
      display: flex;
      justify-content: flex-end;
      align-items: center;

      img {
        .pxToVW(20);
      }
    }

    .title_center {
      position: absolute;
      .pxToVW(341);
      .pxToVW(78, margin-top);
    }

    .CountingCoupons {
      .pxToVW(195);
      .pxToVW(30, height);
      display: flex;
      align-items: center;
      justify-content: center;
      .pxToVW(18, font-size);
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFEFF;
      background: #FF8C8C;
      .pxToVW(15, border-radius);
      position: absolute;
      .pxToVW(97, bottom);
    }
  }

  .singnIn {
    .pxToVW(382);
    .pxToVW(350, height);
    .pxToVW(10, border-radius);
    margin: @auto;
    background: #FFFFFF;
    .pxToVW(10, margin-top);


    .sin_top_title {
      display: flex;
      .pxToVW(350);
      .pxToVW(55, height);
      margin: @auto;
      align-items: center;
      justify-content: space-between;

      >span {
        .FS(18);
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #080808;
      }

      >div {
        height: 100%;
        display: flex;
        align-items: center;

        span {
          .FS(14);
          .pxToVW(10, padding-right);
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
        }
      }
    }

    .sign_list_qd {
      .pxToVW(350);
      .pxToVW(216, height);
      margin: @auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      >div {
        .pxToVW(80);
        .pxToVW(98, height);
        .pxToVW(5, border-radius);
        background: #F8F9FD;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        >span:nth-of-type(1) {
          .FS(13);
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #666666;
        }

        >span:nth-of-type(2) {
          .FS(14);
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #666666;
        }

        >img {
          .pxToVW(40);
          .pxToVW(8, margin-top);
          .pxToVW(5, margin-bottom);
        }

        >.img_7 {
          width: 100%;
          display: flex;
          justify-content: space-around;
          .pxToVW(8, margin-top);
          .pxToVW(5, margin-bottom);
          flex-shrink: 0;

          img {
            .pxToVW(40);
            .pxToVW(38, height);
          }

          >div {
            .pxToVW(40);
            .pxToVW(40, height);
            display: flex;
            align-items: center;
            justify-content: center;

            img:nth-of-type(1) {
              position: absolute;
              .pxToVW(65);
              .pxToVW(65, height);
            }

            img:nth-of-type(2) {
              position: absolute;
              .pxToVW(49);
              .pxToVW(38, height);
            }
          }
        }

        .text_7 {
          width: 100%;
          display: flex;
          justify-content: space-around;

          span {
            display: inline-block;
            width: 50%;
            text-align: center;
            .FS(14);
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #666666;
          }
        }
      }

      >div:last-child {
        .pxToVW(170);
      }
    }

    .SignIn {
      .pxToVW(256);
      .pxToVW(48, height);
      .pxToVW(24, border-radius);
      background: #8570FF;
      .FS(18);
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FEFEFE;
      margin: @auto;
      .pxToVW(14, margin-top);
      .pxToVW(48, line-height);
      text-align: center;
    }
  }

  .shells {
    .pxToVW(382);
    .pxToVW(58, height);
    margin: @auto;
    .pxToVW(20, margin-top);
    .pxToVW(20, margin-bottom);
    background: #FFFFFF;
    .pxToVW(10, border-radius);

    .box_she {
      .pxToVW(350);
      height: 100%;
      margin: @auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-family: PingFangSC-Medium, PingFang SC;
      color: #080808;

      .left_she {
        display: flex;
        height: 100%;
        align-items: center;

        span:nth-of-type(1) {
          .FS(18);
          font-weight: Bold;
        }

        span:nth-of-type(2) {
          .FS(24);
          font-weight: 600;
        }

        img {
          .pxToVW(30);
          .pxToVW(28, height);
          .pxToVW(10, padding-left);
          .pxToVW(10, padding-right);
        }
      }

      .right_she {
        display: flex;
        height: 100%;
        align-items: center;
        color: #000000;

        span {
          .FS(16);
          font-weight: 400;
        }

        img {
          .pxToVW(8);
          .pxToVW(10, padding-left);
        }
      }
    }
  }

  .EarnShells {
    .pxToVW(382);
    margin: @auto;
    background: #FFFFFF;
    .pxToVW(10, border-radius);
    .pxToVW(84, margin-bottom);
    .pxToVW(20, padding-top);
    position: relative;



    .notice {
      .pxToVW(352);
      .pxToVW(34, height);
      margin: @auto;
      .pxToVW(20, margin-top);
      .pxToVW(25, margin-bottom);
      background: #FFECFB;
      .pxToVW(20, border-radius);
      display: flex;
      align-items: center;

      .notice-swipe {
        .pxToVW(34, height);
        .pxToVW(34, line-height);
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #5C5C5C;
        .FS(14);

        :deep(.van-swipe-item) {
          .pxToVW(34, height) !important;
        }

        :deep(.van-swipe__track--vertical) {
          .pxToVW(340, height) !important;
        }
      }

      img {
        .pxToVW(20);
        .pxToVW(20, height);
        .pxToVW(10, padding-right);
        .pxToVW(18, padding-left);
        flex-shrink: 0;
      }
    }

    .probability {
      .pxToVW(352);
      .pxToVW(20, height);
      margin: @auto;
      display: flex;
      justify-content: flex-end;
      align-items: center;

      img {
        .pxToVW(7);
        .pxToVW(10, padding-left);
      }

      span {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 500;
        color: #080808;
        .FS(14);
      }
    }

    .box_gift {
      .pxToVW(352);
      .pxToVW(204, height);
      margin: @auto;
      display: flex;
      justify-content: center;
      align-items: center;
      .pxToVW(40, margin-top);
      .pxToVW(32, margin-bottom);

      img {
        .pxToVW(262);
        .pxToVW(204, height);
      }

      // lottie {
      //   .pxToVW(262);
      //   .pxToVW(204, height);
      // }
    }

    .btn_xinyun {
      .pxToVW(352);
      .pxToVW(60, height);
      margin: @auto;
      display: flex;
      justify-content: center;
      align-items: center;
      .pxToVW(24, margin-bottom);

      .btn_gift_an {
        .pxToVW(256);
        .pxToVW(50, height);
        background: url("https://img.xunyinjiaoyou.com/static/activity/ObtainShells/box_prize_btn.png") no-repeat;
        background-size: contain;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        span {
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #FFFFFF;
        }

        span:nth-of-type(1) {
          .FS(20);
        }

        span:nth-of-type(2) {
          font-weight: 400;
          .FS(12);
        }
      }
    }

    .srcoly {
      .pxToVW(352);
      .pxToVW(70, height);
      margin: @auto;
      .pxToVW(30, margin-bottom);
      position: relative;
      overflow: hidden;

      .list_prize {
        .pxToVW(352);
        .pxToVW(70, height);
        overflow: hidden;
        overflow-x: scroll;
        display: flex;
        position: absolute;

        .list_box {
          .pxToVW(70);
          .pxToVW(70, height);
          .pxToVW(5, margin-right);
          flex-shrink: 0;
          background: rgba(238, 215, 255, 0.21);
          box-shadow: inset 0px 0px 3px 0px #C26CFE;
          border-radius: 6px;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          overflow: hidden;

          >img {
            .pxToVW(56);
            .pxToVW(56, height);
            .pxToVW(6, border-radius);
          }

          >div {
            // text-size-adjust: none;
            // -webkit-text-size-adjust: none;
            position: absolute;
            right: -8.5%;
            bottom: -2%;
            border-radius: 6px 0px 6px 0px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #FFFFFF;
            background: #966BF9;
            transform: scale(0.8);

            >div {
              .FS(7);
              margin-right: 2px;
              transform: scale(0.8);
            }
          }
        }
      }

      .list_prize::-webkit-scrollbar {
        display: none
      }

      >img {
        .pxToVW(35);
        .pxToVW(70, height);
        position: absolute;
        .pxToVW(0, right);
      }
    }

    .shop_record {
      width: 100%;
      .pxToVW(32, height);
      .pxToVW(20, margin-bottom);
      background: #FBFCFE;
      display: flex;
      justify-content: space-between;
      align-items: center;

      >span {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 500;
        color: #000000;
        .FS(15);
        .pxToVW(25, padding-left);
        .pxToVW(25, padding-right);
      }
    }

    .shop_duih {
      .pxToVW(352);
      margin: @auto;
      display: flex;
      flex-wrap: wrap;

      >div {
        .pxToVW(112);
        .pxToVW(180, height);
        .pxToVW(20, margin-bottom);
        .pxToVW(4, margin-right);

        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .gift_value {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background: #F8F9FD;
          .pxToVW(112);
          .pxToVW(152, height);
          .pxToVW(6, border-radius);

          img {
            .pxToVW(90);
            .pxToVW(90, height);
          }

          span:nth-of-type(1) {
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 500;
            color: #080808;
            .FS(15);
            .pxToVW(4, padding-top);
            .pxToVW(4, padding-bottom);
          }

          span:nth-of-type(2) {
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
            .FS(12);
          }
        }

        .value_lis {
          width: 94%;
          .pxToVW(24, height);
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: @auto;

          >div {
            img {
              .pxToVW(17);
              .pxToVW(15, height);
            }

            span {
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: #080808;
              .FS(15);
            }
          }

          >span {
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #966BF9;
            .FS(14)
          }
        }

      }
    }

    :deep(.van-tabs__wrap) {
      width: 80%;
      margin: @auto;
    }

    :deep(.van-tabs__line) {
      .pxToVW(20);
      .pxToVW(6, height);
      .pxToVW(24, border-radius);
      background: #8570FF;
    }

    :deep(.van-tab) {
      .pxToVW(20);
      .FS(20);
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
    }

    :deep(.van-tab--active) {
      .FS(22);
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #080808;
    }

    .task {
      width: 100%;
      .pxToVW(30, height);
      .pxToVW(20, margin-top);
      .pxToVW(18, margin-bottom);
      .pxToVW(30, line-height);
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #000000;
      .FS(16);
      background: #FBFCFE;

      >span {
        .pxToVW(26, padding-left);
      }

      >div {
        width: 88%;
        margin: @auto;
        display: flex;
        align-items: center;
        justify-content: space-between;

        span:nth-of-type(2) {
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #999999;
          .FS(13)
        }
      }
    }

    .task_two {
      .pxToVW(20, margin-top);
    }

    .list_task {
      .pxToVW(352);
      margin: @auto;
      overflow: hidden;

      .Singletask {
        width: 100%;
        .pxToVW(54, height);
        .pxToVW(30, margin-bottom);
        display: flex;
        justify-content: space-between;

        .left_rw {
          display: flex;
          align-items: center;

          .icon_one {
            .pxToVW(54);
            .pxToVW(54, height);
            background: #F9F8FF;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
              .pxToVW(24);
            }
          }

          .center_details {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-around;
            .pxToVW(15, margin-left);

            >span {
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: #000000;
              .FS(15)
            }

            >div {
              display: flex;
              align-items: center;

              img {
                .pxToVW(16);
                .pxToVW(15, height);
                .pxToVW(6, padding-right);
              }

              span {
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #EEA307;
                .FS(13)
              }
            }
          }
        }

        .right_rw {
          height: 100%;
          display: flex;
          align-items: center;

          >div {
            .pxToVW(20, border-radius);
            .pxToVW(74);
            .pxToVW(32, height);
            .FS(14);
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
          }

          .status1 {
            background: #FFFDFD;
            border: 1px solid #D8D8D8;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000000;
          }

          .status2 {
            color: #FFFFFF;
            background: #8570FF;
            display: flex;
            align-items: center;
            justify-content: center;
          }

          .status3 {
            color: #FFFFFF;
            background: #E6E6E6;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666666;
          }
        }
      }
    }


  }

  :deep(.van-popup) {
    overflow: initial;
  }

  .popup_model {
    .pxToVW(350);

    background: #FFFFFF;
    position: relative;
    display: flex;
    justify-content: center;
    .pxToVW(10, border-radius);

    .top_model_title {
      .pxToVW(234);
      .pxToVW(68, height);
      position: absolute;
      .pxToVW(-19, top);
      background: url("https://img.xunyinjiaoyou.com/static/activity/ObtainShells/popup_title_frame.png");
      background-size: contain;
      display: flex;
      justify-content: center;
      align-content: center;

      span {
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        .pxToVW(58, line-height);
        .FS(25);
        color: #FFFFFF;
        text-shadow: 0px 2px 4px #5E14C4;
      }
    }

    .center_miaos {
      .pxToVW(300);
      margin: @auto;
      .pxToVW(42, margin-top);
      .pxToVW(24, margin-bottom);
      display: flex;
      flex-direction: column;
      .pxToVW(20, line-height);

      >span {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #000000;
        .FS(14);
        display: flex;

        span {
          display: flex;
          flex: 1;
        }
      }
    }

    .SystemPrompt {
      .pxToVW(350);
      .pxToVW(325, height);
      margin: @auto;
      display: flex;
      flex-direction: column;

      .ba_img {
        .pxToVW(350);
        .pxToVW(174, height);
        background: url("https://img.xunyinjiaoyou.com/static/activity/ObtainShells/popup_xitong_img.png");
        background-size: contain;
        display: flex;
        justify-content: center;

        .mode_lis {
          .pxToVW(290);
          .pxToVW(72, height);
          .pxToVW(76, margin-top);
          .pxToVW(6, border-radius);
          background: rgba(255, 255, 255, 0.52);
          display: flex;
          flex-direction: column;
          justify-content: center;
          position: relative;

          >img {
            position: absolute;
            .pxToVW(28);
            .pxToVW(10, right);
            .pxToVW(10, top);
          }

          >div {
            width: 96%;
            margin: @auto;
            .pxToVW(40, height);
            display: flex;
            align-items: center;

            img {
              .pxToVW(20);
            }

            span {
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #65A3FF;
              .FS(12);
              .pxToVW(4, padding-left);
            }
          }

          >span {
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #65A3FF;
            .FS(12);
            .pxToVW(10, padding-left);

          }
        }
      }

      .tips_ {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        flex: 1;

        >div:nth-of-type(1) {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          .pxToVW(52, height);
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #000000;
          .FS(20);
        }

        span {
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 500;
          color: #000000;
          .FS(16);
        }

        >div:nth-of-type(2) {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          .pxToVW(256);
          .pxToVW(48, height);
          .pxToVW(24, border-radius);
          .pxToVW(10, margin-top);
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          font-weight: 500;
          color: #FEFEFE;
          background: #8570FF;
          .FS(20);
        }
      }
    }

    .signIn_pirze {
      .pxToVW(350);
      .pxToVW(325, height);
      margin: @auto;
      display: flex;
      flex-direction: column;

      .list_signin_prize {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        .one_prize_gift {
          .pxToVW(142);
          .pxToVW(142, height);
          .pxToVW(50, margin-top);
          .pxToVW(12, margin-bottom);
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;

          >img:nth-of-type(1) {
            .pxToVW(142);
            .pxToVW(142, height);
            position: absolute;
          }

          >img:nth-of-type(2) {
            .pxToVW(108);
            position: absolute;
          }
        }

        .luckLo_name {
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #000000;
          .FS(17);
          .pxToVW(30, margin-top);
          .pxToVW(12, margin-bottom);
        }

        .one_prize_gift3 {
          .pxToVW(284);
          .pxToVW(130, height);
          margin: @auto;
          .pxToVW(68, margin-top);
          .pxToVW(28, margin-bottom);
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;

          >div {
            .pxToVW(80);
            .pxToVW(130, height);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            flex-shrink: 0;

            .prize_bj {
              .pxToVW(80);
              .pxToVW(80, height);
              position: relative;
              display: flex;
              justify-content: center;
              align-items: center;

              img {
                position: absolute;
              }

              img:nth-of-type(1) {
                width: 100%;
              }

              img:nth-of-type(2) {
                .pxToVW(62);
              }
            }

            >span {
              display: inline-block;
              .pxToVW(40, height);
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 500;
              color: #000000;
              .FS(16);
            }
          }

          >span {
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
            .FS(12);
          }
        }

        .my_zdl {
          .pxToVW(256);
          .pxToVW(48, height);
          .pxToVW(24, border-radius);
          .pxToVW(48, line-height);
          .pxToVW(12, margin-top);
          .pxToVW(8, margin-bottom);
          background: #8570FF;
          text-align: center;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #FEFEFE;
          .FS(18);
        }

        >span:nth-of-type(1) {
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 500;
          color: #000000;
          .FS(16);
        }

        >span:nth-of-type(2) {
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          .FS(12);
        }

        .name_gift {
          font-weight: 400 !important;
          color: #666666 !important;
          .FS(12) !important;
        }

      }
    }

    .model_close {
      position: absolute;
      .pxToVW(40);
      .pxToVW(40, height);
      .pxToVW(-90, bottom);

      img {
        width: 100%;
        height: 100%;
      }
    }

    .conchLog {
      .pxToVW(350);
      .pxToVW(400, height);
      margin: @auto;
      display: flex;
      flex-direction: column;

      .labe_header {
        .pxToVW(330);
        .pxToVW(30, height);
        margin: @auto;
        background: #E2DAFF;
        .pxToVW(6, border-radius);
        .pxToVW(38, margin-top);
        .pxToVW(15, margin-bottom);
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-shrink: 0;

        span {
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #000000;
          .FS(16);
          display: inline-block;
          width: 50%;
          height: 100%;
          text-align: center;
          .pxToVW(30, line-height);
        }

      }

      .list_con1 {
        overflow-y: scroll;
        .pxToVW(350);
        .pxToVW(300, height);
        margin: @auto;

        .list_conlog {
          .pxToVW(330);
          margin: @auto;
          .pxToVW(15, margin-bottom);
          display: flex;
          align-items: center;
          justify-content: center;

          span {
            display: inline-block;
            text-align: center;
            width: 33%;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #000000;
            .FS(14);
          }
        }
      }

      .NoDatamy_exchange {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;

        img {
          .pxToVW(92);
          .pxToVW(84, height);
          .pxToVW(100, margin-top);
          .pxToVW(10, margin-bottom);
        }

        span {
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #999999;
          .FS(10);
        }
      }
    }

    .probability_ {
      .pxToVW(350);
      .pxToVW(400, height);
      margin: @auto;
      display: flex;
      flex-direction: column;

      .labe_header {
        .pxToVW(330);
        .pxToVW(30, height);
        margin: @auto;
        background: #E2DAFF;
        .pxToVW(6, border-radius);
        .pxToVW(38, margin-top);
        .pxToVW(15, margin-bottom);
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-shrink: 0;

        span {
          display: inline-block;
          width: 50%;
          text-align: center;
          .pxToVW(30, line-height);
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #000000;
          .FS(16);
        }

      }

      .list_con1 {
        overflow-y: scroll;
        .pxToVW(350);
        .pxToVW(300, height);
        margin: @auto;

        .list_conlog {
          .pxToVW(330);
          margin: @auto;
          .pxToVW(15, margin-bottom);
          display: flex;
          align-items: center;
          justify-content: center;

          span {
            display: inline-block;
            text-align: center;
            width: 50%;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #000000;
            .FS(14);
          }
        }
      }
    }

    .myPrize {
      .pxToVW(350);
      .pxToVW(445, height);
      margin: @auto;
      display: flex;
      flex-direction: column;
      align-items: center;

      .active_tab {
        .pxToVW(260);
        .pxToVW(45, height);
        .pxToVW(8, border-radius);
        .pxToVW(38, margin-top);
        .pxToVW(20, margin-bottom);
        overflow: hidden;
        background: #F3EFFF;
        display: flex;
        align-items: center;

        .active_ {
          background: #8570FF;
          color: #FFFFFF;
        }

        >div {
          width: 50%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #5E5E5E;
          .FS(17);
        }
      }

      .labe_header {
        .pxToVW(330);
        .pxToVW(30, height);
        margin: @auto;
        background: #E2DAFF;
        .pxToVW(6, border-radius);
        .pxToVW(15, margin-bottom);
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-shrink: 0;

        span {
          display: inline-block;
          width: 50%;
          text-align: center;
          .pxToVW(30, line-height);
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #000000;
          .FS(16);
        }

      }

      .list_con1 {
        overflow-y: scroll;
        .pxToVW(350);
        .pxToVW(300, height);
        margin: @auto;

        .list_conlog {
          .pxToVW(330);
          margin: @auto;
          .pxToVW(15, margin-bottom);
          display: flex;
          align-items: center;
          justify-content: center;

          span {
            display: inline-block;
            text-align: center;
            width: 50%;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #000000;
            .FS(14);
          }
        }
      }
    }
  }

  .poab_myPrize {
    position: fixed;
    .pxToVW(60, bottom);
    .pxToVW(0, right);
    .pxToVW(94);
    .pxToVW(38, height);
    background: #8570FF;
    border-radius: 24px 0px 0px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    .FS(16);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  :deep(.van-tab__text--ellipsis) {
    overflow: visible;
  }